<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Controller</title>
</head>
<body>
    <div data-ng-app="myApp" data-ng-controller="myCtrl">
        <p>
            <span>姓：<input type="text" data-ng-model="lastName" /><br /></span>
            <span>名：<input type="text" data-ng-model="firstName" /><br /></span>
            <span>姓名：{{ firstName + " " + lastName }}</span><br />
            <span>姓名：{{ fullName() }}</span>
        </p>
        <ul>
            <li data-ng-repeat="x in names">{{x.name + ',' + x.country}}</li>
        </ul>    
    </div>
    <script src="../node_modules/angular/angular.min.js"></script>
    <script src="controller.js"></script>
</body>
</html>